{% extends "trees/base.html" %}
{% block title %}JM3{% endblock %}
{% block content %}
<h2 class="mb-0">{{ greeting }}, {{ name }} 👋</h2>
<p class="text-muted">What would you like to do?</p>

<div class="row g-3 mb-4">
  <div class="col-6 col-lg-3"><a class="action-btn" href="{% url 'select_tree_owner' %}"><span class="ico">🌳</span>Add Tree</a></div>
  <div class="col-6 col-lg-3"><a class="action-btn" href="{% url 'select_nursery_owner' %}"><span class="ico">🌱</span>Add Nursery</a></div>
  <div class="col-6 col-lg-3"><a class="action-btn" href="{% url 'tasks' %}"><span class="ico">✅</span>View Tasks</a></div>
  <div class="col-6 col-lg-3"><a class="action-btn" href="{% url 'map' %}"><span class="ico">🗺️</span>Open Map</a></div>
</div>

<div class="card shadow-sm">
  <div class="card-body">
    <h5 class="card-title mb-3">Today&#39;s Tasks</h5>
    {% if summary.total %}
      <ul class="list-group list-group-flush mb-3">
        {% if summary.check_tree %}
        <li class="list-group-item d-flex justify-content-between align-items-center px-0">
          <span>🌳 Trees need checking</span><span class="badge bg-jm3 rounded-pill">{{ summary.check_tree }}</span>
        </li>{% endif %}
        {% if summary.water_nursery %}
        <li class="list-group-item d-flex justify-content-between align-items-center px-0">
          <span>💧 Nurseries need watering</span><span class="badge bg-jm3 rounded-pill">{{ summary.water_nursery }}</span>
        </li>{% endif %}
        {% if summary.review_photo %}
        <li class="list-group-item d-flex justify-content-between align-items-center px-0">
          <span>📷 Photos await review</span><span class="badge bg-jm3 rounded-pill">{{ summary.review_photo }}</span>
        </li>{% endif %}
      </ul>
      <a href="{% url 'tasks' %}" class="btn btn-jm3 btn-lg w-100">Start</a>
    {% else %}
      <p class="text-muted mb-0">🎉 You&#39;re all caught up. Add a tree or nursery to get started.</p>
    {% endif %}
  </div>
</div>

<p class="text-center mt-3"><a href="{% url 'analytics' %}" class="text-muted small">View impact &amp; analytics →</a></p>
{% endblock %}
{% block extra_js %}
<script>
  {% if summary.total %}
    const tasks = {
      check_tree: {{ summary.check_tree|default:0 }},
      water_nursery: {{ summary.water_nursery|default:0 }},
      review_photo: {{ summary.review_photo|default:0 }}
    };

    let message = '📋 You have ' + {{ summary.total }} + ' task';
    if ({{ summary.total }} !== 1) message += 's';

    const details = [];
    if (tasks.check_tree) details.push(tasks.check_tree + ' tree' + (tasks.check_tree !== 1 ? 's' : '') + ' to check');
    if (tasks.water_nursery) details.push(tasks.water_nursery + ' nurse' + (tasks.water_nursery !== 1 ? 'ries' : 'ry') + ' to water');
    if (tasks.review_photo) details.push(tasks.review_photo + ' photo' + (tasks.review_photo !== 1 ? 's' : '') + ' to review');

    jm3Notify('🌳 JM3 Tasks', {
      body: details.join(' • '),
      tag: 'jm3-tasks'
    });
  {% endif %}
</script>
{% endblock %}